<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>进击的巨人</title>
    <link href="css/style.css" type="text/css" rel="stylesheet" media="all" />
    <style>
      .selected {
        background-color: #ccc;
      }
    </style>
  </head>
  <body>
    <div class="head clearfix">
      <b class="fl"><img src="images/logo.jpg" /></b>
      <nav class="fr" style="margin-right: 20px">
        <a href="index.html">主页</a>
        <a href="about.html">故事剧情</a>
        <a href="pic.html">图片</a>
        <a href="news.html">主角经历</a>
        <a href="zhuce.html">注册</a>
      </nav>
    </div>
    <div class="main clearfix">
      <div class="banner">
        <div id="banner" class="banner wrapin">
          <ul id="b_pic">
            <li style="display: block"><img src="./images/banner1.jpg" /></li>
            <li><img src="./images/banner2.jpeg" /></li>
            <li><img src="./images/banner3.jpg" /></li>
          </ul>
          <ul id="b_an">
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
      </div>
      <script src="./js/lib.js"></script>
      <div class="div7 bg000 clearfix">
        <div class="bar">
          <h3>注册</h3>
        </div>
        <div class="con con2" style="text-align: center">
          <form action="#">
            <div class="msg pad">
              <div class="fo">
                <input
                  id="username" name="username" type="text" placeholder="设置用户名称" onClick="verifyName()"
                />
				  <span id="span" class="mag"></span>
              </div>
              
				<div class="fo">
                <input
                  id="password" onClick="verifyPassword()" name="password" type="password" placeholder="设置6~20位字母、数字和符号组合"
                />
				  <span class="mag"></span><br />
              </div>
				<div class="fo">
                <input
                  name="confirm" id="confirm" type="password" placeholder="请再次输入上面的密码" onClick="verifyConfirm()"
                />
				  <span class="mag"></span><br />
              </div>
              <div>
                <span class="fl"></span>			
                <input type="submit" class="submit" value="提交" name="button" id="button" onClick="verifyButton()" />	
              </div>
            </div>
            <br />
            <br />
          </form>
        </div>
      </div>
    </div>
    <div class="footer">进击的巨人</div>
  </body>
</html>
